@charset "utf-8";
html{-webkit-text-size-adjust:100%}
body{margin:0;padding:0;color:#2D2C28}
button,input,textarea{outline:0}
*{box-sizing:border-box}
img{display:block;width:100%}
ul,li,dl,dt,dd{list-style: none}

.swiper-pagination-bullet{width:9px;height:9px;border:1px solid #fff;border-radius:50%;background-color:transparent;opacity:.3}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity:1}

.index-section{padding:0 29px 29px}
.focus{margin-bottom:11px}
.index-title{display:block;margin-bottom:6px;text-align:center;font-size:12px}
.index-title2{display:block;margin:0 24px 10px;height:28px;border:2px solid #2D2C28;text-align:center;font-weight:700;font-size:14px;line-height:24px}
.index-intro{color:#727171;text-align:center;font-size:12px;line-height:16px}
.index-img{position:relative;margin-top:14px}
.index-icon{position:absolute;top:-16px;right:6px;width:auto}
.login-logo{margin:0 auto 31px;padding-top:19px;width:184px}
.login-form{padding:0 43px}
.input{margin-top:11px}
.input input, .input select{width:100%;height:40px;outline:0;border:1px solid #424242;background-color:transparent;color:#fff;text-indent:11px;-webkit-appearance:none}
.input.type2 input, .input.type2 select{border:none;background:#ececec;color:#595757}
.index-detail{position:relative;margin-top:25px;padding:13px 33px;background:#fff;font-size:10px;white-space:nowrap}
.index-detail-text{display:flex;margin-bottom:3px;width:100%}
.index-detail-title{display:inline-block;margin-right:1px;min-width:30px;color:#fff;vertical-align:top}
.index-detail-title span{display:inline-block;width:15px;height:15px;border-radius:50%;background:#c93;text-align:center;line-height:16px}
.index-detail-title span:nth-of-type(2){margin-left:-3px}
.index-detail-info{display:inline-block;vertical-align:top;white-space:pre-wrap}
.btn.login-btn{margin-top:24px}
.btn{display:block;margin:auto;margin-bottom:11px;height:40px;background:#fff;color:#231815;text-align:center;text-decoration:none;font-size:13px;line-height:40px;display:block;border:none;width:100%}
.btn.type2{background:#000;color:#fff}
.btn.type3{background:#ECECEC;color:#2D2C28}
.btn.type4{background:#231815;color:#fff}
.btn:active,.btn:hover,.btn:link,.btn:visited{color:#231815}
.btn.type2:active,.btn.type2:hover,.btn.type2:link,.btn.type2:visited{color:#fff}
.btn.type3:active,.btn.type3:hover,.btn.type3:link,.btn.type3:visited{color:#2D2C28}
.btn.type4:active,.btn.type4:hover,.btn.type4:link,.btn.type4:visited{color:#fff}

.confirm-order{padding:17px 17px 0}
.order-item{position:relative;margin-bottom:11px;padding:0 13px;min-height:35px;background:#ececec;font-size:13px;line-height:35px}
.order-item.has-address{padding-top:10px;padding-bottom:10px;line-height:22px;font-size:12px}
.order-item.type2{padding-right:8px}
.order-item i{position:absolute;top:50%;right:16px;width:7px;height:14px;background-image:url(../img/arrow.png);background-size:100%;background-repeat:no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-background-size:100%}
.order-info{position:relative;padding:0 13px;height:25px;font-size:13px;line-height:25px}
.order-info.line{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #cccccb}
.order-info-title{float:left}
.order-info-text{float:right}
.order-info-text.big{float:right;font-size:16px}
.order-info-text.type2{color:#C99633}
.input-label{float:left;margin-top:6px;width:23px;height:23px}
.input-label:first-of-type{margin-right:15px}
.input-label span{display:block;width:100%;height:100%;text-align:center;line-height:23px}
.input-label input{position:absolute;opacity:0}
.input-label input:checked+span{border-radius:50%;background:#C99633;color:#fff}

.confirm-order-textarea{padding:6px 13px;width:100%;height:79px;border:none;background:#ececec;font-size:13px;font-family:"Microsoft YaHei";resize:none;-webkit-appearance:none}
.confirm-order-textarea::-webkit-input-placeholder{color:#2D2C28}
.confirm-order-bottom{position:fixed;bottom:0;left:0;padding-left:23px;width:100%;height:47px;background:#000;color:#fff;font-size:16px;line-height:47px}
.confirm-order-submit{position:absolute;top:0;right:0;width:78px;height:100%;background:#C99633;text-align:center;font-weight:700}
.confirm-order-price span{display:inline-block;font-size:17px}
.confirm-order-price span:nth-of-type(2){color:#9C9D9D;font-size:11px}

.change-password-form{padding:9px 16px 0}

.product-swiper-container{height:100%}
.product-swiper{width:100%;height:100%}
.product-slider{height:100%;width:100%;background-size:cover;background-position:center}
.product-slider i{width:15px;height:9px;position:absolute;bottom:8px;left:50%;margin-left:-7.5px;background-repeat:no-repeat;background-image:url(../img/down_arrow.png)}
.product-intro{margin:23px auto;padding-top:10px;background:#fff;height:189px;width:271px;position:relative;text-align:center}
.product-intro-title,.product-intro-title2{line-height:25px;font-size:18px;color:#000}
.product-intro-title2{margin-bottom:5px}
.product-intro-info{min-height:54px;line-height:18px;font-size:12px;color:#727171}
.product-intro-icon{position:absolute;top:14px;right:43px}
.product-detail-btn{border:1px solid #68605e;width:76px;height:22px;line-height:20px;border-radius:11px;margin:14px auto 0;display:block;color:#000;font-size:12px}
.product-detail-btn:active,.product-detail-btn:hover,.product-detail-btn:link,.product-detail-btn:visited{color:#000}
.product-order{position:absolute;width:100%;bottom:23px;left:0;padding:0 26px}
.product-order .btn{font-weight:400;letter-spacing:2px}

.area{padding:22px 17px 0}
.area-title{text-align:center;color:#2D2C28;font-size:15px;line-height:19px}
.area-img{margin-top:10px;margin-bottom:26px}

.address{font-size:12px}
.address-title{margin-bottom:6px;padding-top:25px;padding-left:17px;padding-right:17px;color:#2D2C28}
.address-typing-box{background:#ECECEC;padding:8px 17px}
.address-typing{display:flex;align-items:center}
.address-typing-title{color:#000;white-space:nowrap}
.address-typing-input{margin:0 9px 0 0;flex:1}
.address-typing-input input{width:100%;padding:0;border:none;background-color:transparent;height:30px;border-bottom:1px solid #000;border-radius:0;color:#000;font-size:12px}
.address-typing-label{min-width:115px}
.address-typing-label label{float:left;width:55px;height:30px}
.address-typing-label label:first-of-type{margin-right:3px}
.address-typing-label span{display:block;width:100%;height:100%;border:1px solid #000;text-align:center;line-height:28px}
.address-typing-label input{position:absolute;opacity:0}
.address-typing-label input:checked+span{background:#C99633;color:#fff}
.address-select{display:flex;margin:22px 0 18px}
.address-select select{border-radius:3px;flex:1;margin-right:9px;width:90px;height:25px;border:none;padding-left:5px;font-size:13px;outline:0;background-color:#fff;background-image:url(../img/select_arrow.png);background-repeat:no-repeat;background-position:right 6px center;background-size:9px 5px;color:#000;-webkit-appearance:none}
.address-select select:last-of-type{margin-right:0}
.address-textarea-box{position:relative;align-items:stretch;margin-bottom:11px}
.address-textarea-box .address-typing-title{position:absolute;top:9px;left:0;width:59px;height:30px;background:#ECECEC}
.address-textarea{min-height:70px;width:100%;line-height:35px;background-image:url(../img/textarea_line.png);background-position-y:28px;word-break:break-all;outline:0;overflow-wrap:break-word;text-indent:59px;font-size:12px}
.address-textarea-real{position:absolute;height:0;width:0;opacity:0;z-index:-1;top:-999999px;left:0;overflow:hidden}
.address-tips{position:relative;padding-top:10px;padding-left:40px;font-size:10px;color:#b2b2b3;line-height:19px}
.address-tips img{position:absolute;top:9px;left:17px;width:auto}
.address-btns{padding:13px 17px}
.address-btns .btn.type3{margin-bottom:13px}

.user-info{padding:30px 17px}
.user-info-logo{width:60px;margin:0 auto 9px}
.user-info-title{margin-bottom:28px;text-align:center;font-size:15px}
.user-info-list{border-top:1px solid #C6C7C7;border-bottom:1px solid #C6C7C7;padding:8px 0;display:flex}
.user-info-list li{font-size:12px;flex:1;border-right:1px solid #c6c7c7;text-align:center}
.user-info-list li i{width:28px;height:28px;background-image:url(../img/user_info_icons.png);background-repeat:no-repeat;-webkit-background-size:auto 28px;background-size:auto 28px;margin:0 auto 2px;display:block}
.user-info-list li:last-of-type{border-right:none}
.user-info-list li:nth-of-type(1) i{background-position:0 0}
.user-info-list li:nth-of-type(2) i{background-position:-28px 0}
.user-info-list li:last-of-type i{background-position:-56px 0}
.user-info-type{color:#231815;display:block;margin-bottom:3px}
.user-info-text{color:#c99633;display:block}
.user-info-btn-group{margin-top:40px;padding:0 19px}
.user-info-btn-group .btn{position:relative;margin-bottom:14px}
.red-tips{position:absolute;top:-8.5px;right:-8.5px;min-width:17px;height:17px;background:#e60012;color:#fff;font-size:12px;text-align:center;line-height:17px;border-radius:50%}

.rechagre{padding:18px 41px;background:#ececec;margin:0 -17px}
.rechagre-title{font-size:17px;margin-left:15px;margin-bottom:36px}
.recharge-input{position:relative;padding:0 15px 0 47px;border-bottom:1px solid #000}
.recharge-input-tag{position:absolute;bottom:6px;left:12px;display:inline-block;font-size:21px}
.recharge-input input{height:53px;font-size:34px;background:0 0;border:none;width:100%}
.recharge-btn-group{margin-top:30px;padding:0 42px}

.reg{padding:10px 43px}
.reg-tips{letter-spacing:1px;margin-bottom:17px;font-size:11px;color:#595757}
.reg-input{position:relative;margin-top:13px}
.select-icon{width:15px;height:8px;background-image:url(../img/down_arrow_grey.png);background-repeat:no-repeat;-webkit-background-size:100%;background-size:100%;position:absolute;right:12px;top:50%;transform:translateY(-50%)}
.reg-label-group{font-size:12px;padding-right:6px;padding-left:11px;height:40px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}
.reg-label-title{-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}
.reg-label{vertical-align:middle}
.reg-label:first-of-type{margin-right:20px}
.reg-label-group input{position:relative;top:2px;margin:0;padding:0}
.reg-choose{float:right}
.reg-label-group{margin-top:10px;margin-bottom:13px}

.reg-success{text-align:center;font-size:15px;color:#9c9d9d;margin-top:177px}

.order-success{text-align:center;padding:63px 43px}
.order-success-img{display:inline-block;margin:0 auto 13px}
.order-success-title{font-size:29px;text-align:center}
.order-success-btn-group{margin-top:40px}
.order-success-tips{margin-top:4px;font-size:10px;color:#b2b2b3}

.vip .user-info-title{margin-bottom:12px}
.vip-current-level{width:64px;height:19px;border-radius:10px;color:#fff;background-color:#000;text-align:center;line-height:19px;font-size:11px;margin:auto}
.vip-title{margin-top:23px;background:#2d2c28;height:22px;line-height:22px;padding-left:7px;font-size:10px;color:#fff}
.vip-title2{font-size:12px;padding-left:7px;margin-top:15px;margin-bottom:4px}
.vip-content{font-size:8px;color:#b2b2b3;padding:0 7px}
.vip-level-list{padding:0;margin:0;font-size:10px;text-align:center;margin-bottom:28px}
.vip-level-list span{-webkit-flex:1px;-moz-flex:1px;-ms-flex:1px;-o-flex:1px;flex:1px}
.vip-level-list dt{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;width:100%;margin:0;height:40px;border-bottom:1px solid #d1d1d1;align-items:center}
.vip-level-list dd{margin:0;height:40px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;width:100%;border-bottom:1px solid #d1d1d1;color:#9c9d9d;align-items:center}

.order-history{padding:21px 17px}
.order-history-item{position:relative;margin-bottom:15px;padding:63px 25px 13px 17px;background-color:#ececec}
.order-history-item .orter-history-title{float:left;font-size:17px}
.order-history-item a,.order-history-item a:active,.order-history-item a:link{float:right;margin-top:4px;color:#2D2C28;text-decoration:none;font-size:14px}
.order-history-icon{position:absolute;bottom:44px;left:17px}

.shopping-cart-empty{padding:63px 40px}
.shopping-cart-wanning{margin:0 auto 10px;width:85px}
.shopping-cart-wanning-text{margin-bottom:36px;color:#9fa0a0;text-align:center;font-size:13px}

.user-safe{padding:17px 16px}
.user-safe-list{border-top:1px solid #eaeaea}
.user-safe-list .user-safe-item{position:relative;display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;padding:8px 23px 8px 7px;min-height:57px;border-bottom:1px solid #eaeaea;text-decoration:none;font-size:12px;align-items:center}
.user-safe-list .user-safe-item:before{position:absolute;top:50%;right:6px;width:8px;height:16px;background-image:url(../img/arrow_right.png);background-size:100%;content:"";transform:translateY(-50%);-webkit-background-size:100%}
.user-safe-title{color:#2D2C28;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}
.user-safe-text{color:#000}
.user-safe-logo{width:60px;height:60px}

.shopping-cart{padding:17px 16px}
.shopping-cart .order-info{color:#2d2c28}
.shopping-cart-item{margin-bottom:11px;padding-top:6px;padding-bottom:14px;background-color:#ececec}
.shopping-cart .btn{margin-bottom:36px}

.user-home-list .user-safe-item{margin-bottom:16px;padding-left:13px;min-height:35px;background:#ececec}
.user-home-list .user-safe-item:before{right:13px;background-image:url(../img/arrow_right2.png)}
.user-home-list .user-safe-item.no-arrow:before{display:none}
.num-control{margin-right:-12px;font-size:17px}
.num-control input{padding:0;width:29px;border:none;background:0 0;color:#2d2c28;text-align:center;font-size:17px;-webkit-appearance:none}

.order-history-list{padding:4px 16px}
.order-history-list-item{margin-top:9px}
.order-history-list-head{position:relative;padding-left:13px;height:36px;background:#ececec;font-size:14px;line-height:36px}
.order-history-list-head i{position:absolute;top:50%;right:13px;width:17px;height:9px;background-image:url(../img/up_arrow.png);transform:translateY(-50%) rotate(180deg)}
.order-history-list-head.active{background:#000;color:#fff}
.order-history-list-head.active i{transform:translateY(-50%) rotate(0)}
.order-history-list-content{display:none;margin:0 0 4px 0;padding:0}
.order-history-list-info{width:200px;line-height:20px}
.order-history-list-info span{display:inline-block}
.order-history-list-info span:first-of-type{width:88px}
.order-history-list-content li{padding:11px 0;border-bottom:1px solid #acabab;font-size:12px}
.order-history-list-content li:last-of-type{border-bottom:none}